<template>
  <div class="Footer">
    <el-checkbox style="float: left; width: 14px; line-height: 36px" v-model="selectAll" label="全选">全选</el-checkbox>
    <div style="float: right; line-height: 36px">
      <span style="font-size: 13px; margin-right: 5px">合计：￥{{ store.state.basket.amount }}</span>
      <el-button type="danger" size="mini" round>结算</el-button>
    </div>
  </div>
</template>

<script setup>
import { ref, watch } from 'vue'
import { useStore } from 'vuex'
const store = useStore()
let selectAll = ref(false)
watch(
  () => selectAll.value,
  (selectAll, prevSelectAll) => {
    store.commit('selectAll', selectAll)
  }
)
</script>

<style lang='less' scoped>
</style>
